<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/main.css"/>
    <link rel="stylesheet" href="/static/item/scss/header.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>
</head>
<body>
<div id="max">
    <header>
        <div class="min">
            <ul class="header_ul_left">
                <li class="glyphicon glyphicon-home"><a href="shouye.html" class="aa">首页</a></li>
                <li class="glyphicon glyphicon-map-marker"><a href="javascript:;">北京</a>
                    <ol id="beijing">
                        <li style="background: red;"><a href="javascript:;" style="color: white;">北京</a></li>
                        <li><a href="javascript:;">上海</a></li>
                        <li><a href="javascript:;">天津</a></li>
                        <li><a href="javascript:;">重庆</a></li>
                        <li><a href="javascript:;">河北</a></li>
                        <li><a href="javascript:;">山西</a></li>
                        <li><a href="javascript:;">河南</a></li>
                        <li><a href="javascript:;">辽宁</a></li>
                        <li><a href="javascript:;">吉林</a></li>
                        <li><a href="javascript:;">黑龙江</a></li>
                        <li><a href="javascript:;">内蒙古</a></li>
                        <li><a href="javascript:;">江苏</a></li>
                        <li><a href="javascript:;">山东</a></li>
                        <li><a href="javascript:;">安徽</a></li>
                        <li><a href="javascript:;">浙江</a></li>
                        <li><a href="javascript:;">福建</a></li>
                        <li><a href="javascript:;">湖北</a></li>
                        <li><a href="javascript:;">湖南</a></li>
                        <li><a href="javascript:;">广东</a></li>
                        <li><a href="javascript:;">广西</a></li>
                        <li><a href="javascript:;">江西</a></li>
                        <li><a href="javascript:;">四川</a></li>
                        <li><a href="javascript:;">海南</a></li>
                        <li><a href="javascript:;">贵州</a></li>
                        <li><a href="javascript:;">云南</a></li>
                        <li><a href="javascript:;">西藏</a></li>
                        <li><a href="javascript:;">陕西</a></li>
                        <li><a href="javascript:;">甘肃</a></li>
                        <li><a href="javascript:;">青海</a></li>
                        <li><a href="javascript:;">宁夏</a></li>
                        <li><a href="javascript:;">新疆</a></li>
                        <li><a href="javascript:;">港澳</a></li>
                        <li><a href="javascript:;">台湾</a></li>
                        <li><a href="javascript:;">钓鱼岛</a></li>
                        <li><a href="javascript:;">海外</a></li>
                    </ol>
                </li>
            </ul>
            <ul class="header_ul_right">
                <li style="border: 0;"><a href="/static/item/登录页面\index.html" class="aa">你好，请登录</a></li>
                <li><a href="/static/item/注册页面\index.html" style="color: red;">免费注册</a> |</li>
                <li><a href="javascript:;" class="aa">我的订单</a> |</li>

            </ul>
        </div>
    </header>
    <nav>
        <div class="nav_min">
            <div class="nav_top">
                <div class="nav_top_one"><a href="#"><img src="/static/item/img/logo1.jpg"/></a></div>
                <div class="nav_top_two"><input type="text"/>
                    <button>搜索</button>
                </div>
                <div class="nav_top_three"><a href="/static/item/JD_Shop/One_JDshop.html">我的购物车</a><span
                        class="glyphicon glyphicon-shopping-cart"></span>
                    <div class="nav_top_three_1">
                        <img src="/static/item/img/44.png"/>购物车还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
            <div class="nav_down">
                <ul class="nav_down_ul">
                    <li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="javascript:;">全部商品分类</a>

                    </li>

                </ul>
            </div>
        </div>
    </nav>
</div>


<div class="crumb-wrap">
    <div class="w">


    </div>
</div>
<div class="Shop">
    <div class="box">
        <div class="box-one ">
            <div class="boxx">

                <div class="imgbox">
                    <div class="probox">
                        <img class="img1" alt="" th:src="/static/item${skuInfo?.skuDefaultImg}"
                             src="/static/item/img/59ded626N7c4cb0a3.jpg">
                        <div class="hoverbox"></div>
                    </div>
                    <div class="showbox">
                        <img class="img1" alt="" th:src="/static/item${skuInfo?.skuDefaultImg}"
                             src="/static/item/img/59ded626N7c4cb0a3.jpg">
                    </div>
                </div>

                <div class="box-lh">

                    <div class="box-lh-one">
                        <ul>
                            <li th:each="skuImage:${skuInfo?.skuImageList}">
                                <img th:src="/static/item${skuImage.imgUrl}"/>
                                <!--								<li><img src="/static/item/img/59ded62eN64a9784c.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded626Ne3c69b70.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded626N7c4cb0a3.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded626Ne3c69b70.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded62dN7e28abc5 (1).jpg" /></li>
                                                                <li><img src="/static/item/img/59ded62cN6e9ac17c.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded620Nfc0ab489.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded60eN3110f3a8.jpg" /></li>
                                                                <li><img src="/static/item/img/59ded62dNfed003a8.jpg" /></li>-->
                            </li>
                        </ul>
                    </div>
                    <div id="left">
                        <
                    </div>
                    <div id="right">
                        >
                    </div>

                </div>

                <div class="boxx-one">
                    <ul>
                        <li>

                        </li>
                        <li>

                        </li>
                    </ul>
                </div>

            </div>
            <div class="box-two">
                <div class="box-name" th:text="${skuInfo?.skuName}">
                    华为 HUAWEI Mate 10 6GB+128GB 亮黑色 移动联通电信4G手机 双卡双待
                </div>

                <div class="box-yuyue">
                    <div class="yuyue-one">
                        热卖促销中
                    </div>
                    <div class="yuyue-two">
                        <ul>
                            <li>

                            </li>
                            <li>

                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box-summary clear">
                    <ul>
                        <li>惊喜价</li>
                        <li>
                            <span>￥</span>
                            <span th:text="${skuInfo?.price}">4499.00</span>
                        </li>
                        <li>

                        </li>
                        <li>
                            <a href="">

                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-wrap clear">

                </div>

                <div class="box-stock">
                    <ul class="box-ul">
                        <li>库存:</li>
                        <li class="box-stock-li">
                            <div class="box-stock-one">
                            </div>


                        </li>
                        <li>
                            <span>无货</span>， 此商品暂时售完
                        </li>

                    </ul>
                </div>
                <div class="box-stock">
                    <ul class="box-ul">
                        <li>重 量:</li>
                        <li class="box-stock-li">
                            <div class="box-stock-one">
                            </div>


                        </li>
                        <li th:text="${skuInfo?.weight}+' kg'">
                            10 kg
                        </li>

                    </ul>
                </div>

                <div class="box-attr-3">
                    <br/>
                    <div class="box-attr-2 clear" th:each="spuSaleAttr:${spuSaleAttrListCheckBySku}">
                        <dl>
                            <dt th:text="${spuSaleAttr.saleAttrName}">选择颜色</dt>
                            <dd th:class="redborder" th:each="saleAttrValue:${spuSaleAttr.spuSaleAttrValueList}">
                                <div th:value="${saleAttrValue.id}" th:text="${saleAttrValue.saleAttrValueName}">
                                    摩卡金
                                </div>
                            </dd>
                        </dl>
                    </div>
                    <!--							<div class="box-attr-2 clear">
                                                    <dl>
                                                        <dt>选择版本</dt>
                                                        <dd>
                                                            <a href="#">标准版</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="#">套装版</a>
                                                        </dd>
                                                    </dl>
                                                </div>

                                                <div class="box-attr-2 clear">
                                                    <dl>
                                                        <dt>选择内存</dt>
                                                        <dd>
                                                            <a href="#">64GB</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="#">128GB</a>
                                                        </dd>
                                                    </dl>
                                                </div>-->
                    <br/>
                </div>

                <div class="box-btns clear">
                    <div class="box-btns-one">
                        <form id="itemForm" action="http://cart.gmall.com:8087/addToCart" method="post">
                            <input type="text" name="num" id="" value="1"/>
                            <input type="hidden" name="skuId" th:value="${skuInfo?.id}"/>

                            <div class="box-btns-one1">

                                <div>
                                    <button type="button" id="jia">
                                        +
                                    </button>
                                </div>
                                <div>
                                    <button type="button" id="jian">
                                        -
                                    </button>
                                </div>

                            </div>
                        </form>
                    </div>
                    <div id="cartBtn" style="cursor:pointer;" canClick="1" onclick="addToCart(this)"
                         class="box-btns-two">

                        放入购物车

                    </div>
                </div>


            </div>

        </div>
    </div>


    <div class="ShopXiangqing">
        <div class="allLeft">
            <!--火热预约-->
            <div class="huoreyuyue">
                <h3>火热预约</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li>
                        <a href="##"><img src="/static/item/img/5a0afeddNb34732af.jpg"/></a>
                        <p>
                            <a href="##">OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a>
                        </p>
                        <p><strong class="J-p-20015341974">￥3699.00</strong></p>
                    </li>
                    <li>
                        <a href="##"><img src="/static/item/img/5a12873eN41754123.jpg"/></a>
                        <p>
                            <a target="_blank" title="詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）"
                               href="/item.html.bak/item.jd.com/20348283521.html">詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待
                                6+128GB 鳄鱼纹雅致版（新品预约）</a>
                        </p>
                        <p><strong class="J-p-20348283521">￥13999.00</strong></p>
                    </li>
                    <li>
                        <a href="##"><img src="/static/item/img/59ec0131Nf239df75.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60"
                               href="/item.html.bak/item.jd.com/16683419775.html">斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器
                                静音大吸力吸尘器TF-X60</a>
                        </p>
                        <p><strong class="J-p-16683419775">￥1599.00</strong></p>
                    </li>
                    <li>
                        <a href="##"><img src="/static/item/img/59015444N27317512.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                               href="/item.html.bak/item.jd.com/12187770381.html">斐纳（TOMEFON）
                                扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                        </p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p>
                    </li>
                </ul>
            </div>
            <!--看了又看-->
            <div class="huoreyuyue">
                <h3>看了又看</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li>
                        <a href="##"><img src="/static/item/img/59e55e01N369f98f2.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为（HUAWEI） 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)"
                               href="/item.html.bak/item.jd.com/17931625443.html">华为（HUAWEI） 华为 Mate10 4G手机 双卡双待 亮黑色
                                全网通(6GB RAM+128GB ROM)</a>
                        <p><strong class="J-p-17931625443">￥4766.00</strong></p>
                    </li>
                    <li>
                        <a href="##"><img src="/static/item/img/584fcc3eNdb0ab94c.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待"
                               href="/item.html.bak/item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机
                                双卡双待</a>
                        </p>
                        <p><strong class="J-p-3749093">￥4899.00</strong></p>
                    </li>
                    <li>
                        <!--shopjieshao-->
                        <a href="##"><img src="/static/item/img/59eb0df9Nd66d7585.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版"
                               href="/item.html.bak/item.jd.com/12306211773.html">华为（HUAWEI） 华为 Mate10 手机 亮黑色
                                全网通(4+64G)标准版</a>
                        </p>
                        <p><strong class="J-p-12306211773">￥4088.00</strong></p>
                    </li>
                    <li>
                        <a href="##"><img src="/static/item/img/5a002ba3N126c2f73.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                               href="/item.html.bak/item.jd.com/12187770381.html">斐纳（TOMEFON）
                                扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                        </p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p>
                    </li>
                </ul>
                <img src="/static/item/img/5a084a1aNa1aa0a71.jpg"/>
            </div>
        </div>
        <!--商品介绍-->
        <div class="allquanbushop">
            <ul class="shopjieshao">
                <li class="jieshoa" style="background: #e4393c;">
                    <a href="##" style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a href="##">规格与包装</a>
                </li>
                <li class="baozhang">
                    <a href="##">售后保障</a>
                </li>
                <li class="pingjia">
                    <a href="##">商品评价(4万+)</a>
                </li>
                <li class="shuoming">
                    <a href="##">预约说明</a>
                </li>

            </ul>

            <ul class="shopjieshaos posi" style="display: none;">
                <li class="jieshoa" style="background: #e4393c;">
                    <a href="#li1" style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a href="#li2">规格与包装</a>
                </li>
                <li class="baozhang">
                    <a href="#li3">售后保障</a>
                </li>
                <li class="pingjia">
                    <a href="#li4">商品评价(4万+)</a>
                </li>
                <li class="shuoming">
                    <a href="#li5">预约说明</a>
                </li>
            </ul>

            <!--商品详情-->
            <div class="huawei">
                <ul class="xuanxiangka">
                    <li class="jieshoa actives" id="li1">
                        <div class="shanpinsssss">
                            <p>
                                <a href="#">品牌:华为（HUAWEI）</a>
                            </p>
                            <table>
                                <tr>
                                    <td>
                                        <a href="##">商品名称：华为Mate 10</a>
                                    </td>
                                    <td>
                                        <a href="##">商品毛重：0.58kg</a>
                                    </td>
                                    <td>
                                        <a href="##">商品编号：5544038</a>
                                    </td>
                                    <td>
                                        <a href="##">商品产地：中国大陆</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <a href="##">系统：安卓（Android）</a>
                                    </td>
                                    <td>
                                        <a href="##">前置摄像头像素：800万-1599万</a>
                                    </td>
                                    <td>
                                        <a href="##">后置摄像头像素：2000万及以上，1200万-1999万</a>
                                    </td>
                                    <td>
                                        <a href="##">机身内存：128GB</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <a href="##">全面屏，双卡双待，指纹识别，Type-C，VoLTE，2K屏，拍照神器，支持NFC，商务手机，安全手机，分辨率10</a>
                                    </td>
                                </tr>
                            </table>
                            <img class="xiaoguo" src="/static/item/img/5a0d4181Nf70c5ebf.jpg"/>
                            <div class="guiGebox guiGebox1">
                                <div class="guiGe">
                                    <h3>主体</h3>
                                    <dl>
                                        <dt>品牌</dt>
                                        <dd>华为(HUAWEI)</dd>
                                        <dt>型号</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>ALP-AL00</dd>
                                        <dt>入网型号</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>ALP-AL00</dd>
                                        <dt>上市年份</dt>
                                        <dd>2017年</dd>
                                        <dt>上市时间</dt>
                                        <dd>10月</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>基本信息</h3>
                                    <dl>
                                        <dt>机身颜色</dt>
                                        <dd>亮黑色</dd>
                                        <dt>机身长度（mm）</dt>
                                        <dd>150.5</dd>
                                        <dt>机身宽度（mm）</dt>
                                        <dd>77.8</dd>
                                        <dt>机身厚度（mm）</dt>
                                        <dd>8.2</dd>
                                        <dt>机身重量（g）</dt>
                                        <dd>约186g（含电池）</dd>
                                        <dt>输入方式</dt>
                                        <dd>触控</dd>
                                        <dt>运营商标志与内容</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>无</dd>
                                        <dt>机身材质分类</dt>
                                        <dd>金属边框；玻璃后盖</dd>
                                        <dt>机身材质工艺</dt>
                                        <dd>四曲面玻璃后壳</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>操作系统</h3>
                                    <dl>
                                        <dt>操作系统</dt>
                                        <dd>Android</dd>
                                        <dt>操作系统版本</dt>
                                        <dd>华为 EMUI 8.0</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>主芯片</h3>
                                    <dl>
                                        <dt>CPU品牌</dt>
                                        <dd>海思（Hisilicon）</dd>
                                        <dt>CPU频率</dt>
                                        <dd>4*Cortex A73 2.36GHz + 4*Cortex A53 1.8GHz</dd>
                                        <dt>CPU核数</dt>
                                        <dd>八核</dd>
                                        <dt>CPU型号</dt>
                                        <dd>麒麟970</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>网络支持</h3>
                                    <dl>
                                        <dt>双卡机类型</dt>
                                        <dd>双卡双待单通</dd>
                                        <dt>最大支持SIM卡数量</dt>
                                        <dd>2个</dd>
                                        <dt>SIM卡类型</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>Nano SIM</dd>
                                        <dt>4G网络</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）</dd>
                                        <dt>3G/2G网络</dt>
                                        <dd>3G：移动（TD-LTE）；4G：联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+ 电信（CDMA）</dd>
                                        <dt>副SIM卡类型</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>副SIM卡与存储卡二选一</dd>
                                        <dt>副SIM卡4G网络</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）</dd>
                                        <dt>副SIM卡3G/2G网络</dt>
                                        <dd>不支持主副卡同时使用电信卡；3G联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+电信（CDMA）</dd>
                                        <dt>网络频率（2G/3G）</dt>
                                        <dd>2G：GSM 850/900/1800/1900；2G：CDMA 800；3G：TD-SCDMA 1900/2000；3G：WCDMA
                                            850/900/1900/2100；3G
                                        </dd>
                                        <dd>CDMA2000；3G：CDMA 800MHz 1X&EVDO ；3G：WCDMA：850/900/1700/1900/2100MHz</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>存储</h3>
                                    <dl>
                                        <dt>ROM</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>128GB</dd>
                                        <dt>RAM</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>6GB</dd>
                                        <dt>存储卡</dt>
                                        <dd>支持MicroSD（TF）</dd>
                                        <dt>最大存储扩展容量</dt>
                                        <dd>256GB</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>屏幕</h3>
                                    <dl>
                                        <dt>主屏幕尺寸（英寸）</dt>
                                        <dd>5.9英寸</dd>
                                        <dt>分辨率</dt>
                                        <dd>2560X1400（Quad HD/2k）</dd>
                                        <dt>屏幕材质类型</dt>
                                        <dd>TFT</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>前置摄像头</h3>
                                    <dl>
                                        <dt>前置摄像头</dt>
                                        <dd>800万像素</dd>
                                        <dt>前摄光圈大小</dt>
                                        <dd>f/2.0</dd>
                                        <dt>美颜技术</dt>
                                        <dd>支持</dd>
                                    </dl>
                                </div>
                                <!--nav-->
                                <div class="guiGe">
                                    <h3>后置摄像头</h3>
                                    <dl>
                                        <dt>摄像头数量</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>2个</dd>
                                        <dt>后置摄像头</dt>
                                        <dd>1200万像素；2000万像素</dd>
                                        <dt>摄像头光圈大小</dt>
                                        <dd>其他</dd>
                                        <dt>闪光灯</dt>
                                        <dd>双色温双LED闪光灯</dd>
                                        <dt>美颜技术</dt>
                                        <dd>支持</dd>
                                        <dt>副摄像头光圈大小</dt>
                                        <dd>其他</dd>
                                        <dt>照片最大分辨率</dt>
                                        <dd>5120X3840</dd>
                                        <dt>拍照特点</dt>
                                        <dd>数码变焦；自动对焦；防抖；美颜；连拍；微距；全景；滤镜；场景模式；HDR；PDAF；夜间拍摄；微信小视频；有声照片；</dd>
                                        <dd>水印；美肤录像；全像素双核激光对焦拍摄</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>电池信息</h3>
                                    <dl>
                                        <dt>电池容量（mAh）</dt>
                                        <dd>4000（典型值）</dd>
                                        <dt>电池类型</dt>
                                        <dd>锂聚合物电池</dd>
                                        <dt>电池是否可拆卸</dt>
                                        <dd class="Ptable-tips">
                                            <a href="#"><i>？</i></a>
                                        </dd>
                                        <dd>否</dd>
                                        <dt>充电器</dt>
                                        <dd>5V/4.5A</dd>
                                        <dt>快速充电</dt>
                                        <dd>华为超级快充</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>娱乐功能</h3>
                                    <dl>
                                        <dt>mic数量</dt>
                                        <dd>3个</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>数据接口</h3>
                                    <dl>
                                        <dt>数据传输接口</dt>
                                        <dd>红外；WIFI；NFC；蓝牙；WiFi热点</dd>
                                        <dt>NFC/NFC模式</dt>
                                        <dd>支持（点对点模式）；支持（读卡器模式）；支持卡模拟</dd>
                                        <dt>耳机接口类型</dt>
                                        <dd>3.5mm</dd>
                                        <dt>充电接口类型</dt>
                                        <dd>Type-C</dd>
                                        <dt>数据线</dt>
                                        <dd>其他</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">
                                    <h3>手机特性</h3>
                                    <dl>
                                        <dt>指纹识别</dt>
                                        <dd>支持</dd>
                                        <dt>语音识别</dt>
                                        <dd>支持</dd>
                                        <dt>GPS</dt>
                                        <dd>支持</dd>
                                        <dt>电子罗盘</dt>
                                        <dd>支持</dd>
                                        <dt>霍尔感应器</dt>
                                        <dd>支持</dd>
                                        <dt>陀螺仪</dt>
                                        <dd>支持</dd>
                                        <dt>红外遥控</dt>
                                        <dd>支持</dd>
                                        <dt>适配VR</dt>
                                        <dd>支持</dd>
                                        <dt>其他</dt>
                                        <dd>呼气灯；多麦降噪技术；光线感应</dd>
                                    </dl>
                                </div>
                                <div class="guiGe">

                                    <h3>辅助功能</h3>
                                    <dl>
                                        <dt>常用功能</dt>
                                        <dd>录音；手势识别；便签；超大字体；SOS功能；重礼感应</dd>
                                        <dt>其他1</dt>
                                        <dd>智能识屏</dd>
                                        <dt>其他特性</dt>
                                        <dd>手套模式</dd>
                                        <dt>其他2</dt>
                                        <dd>单手操作</dd>
                                    </dl>
                                </div>
                                <div class="package-list">
                                    <h3>包装清单</h3>
                                    <p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X
                                        1、取卡针 X 1、保护壳 X 1</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="baozhuang actives" id="li2">
                        <div class="guiGebox">
                            <div class="guiGe">
                                <h3>主体</h3>
                                <dl>
                                    <dt>品牌</dt>
                                    <dd>华为(HUAWEI)</dd>
                                    <dt>型号</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>ALP-AL00</dd>
                                    <dt>入网型号</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>ALP-AL00</dd>
                                    <dt>上市年份</dt>
                                    <dd>2017年</dd>
                                    <dt>上市时间</dt>
                                    <dd>10月</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>基本信息</h3>
                                <dl>
                                    <dt>机身颜色</dt>
                                    <dd>亮黑色</dd>
                                    <dt>机身长度（mm）</dt>
                                    <dd>150.5</dd>
                                    <dt>机身宽度（mm）</dt>
                                    <dd>77.8</dd>
                                    <dt>机身厚度（mm）</dt>
                                    <dd>8.2</dd>
                                    <dt>机身重量（g）</dt>
                                    <dd>约186g（含电池）</dd>
                                    <dt>输入方式</dt>
                                    <dd>触控</dd>
                                    <dt>运营商标志与内容</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>无</dd>
                                    <dt>机身材质分类</dt>
                                    <dd>金属边框；玻璃后盖</dd>
                                    <dt>机身材质工艺</dt>
                                    <dd>四曲面玻璃后壳</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>操作系统</h3>
                                <dl>
                                    <dt>操作系统</dt>
                                    <dd>Android</dd>
                                    <dt>操作系统版本</dt>
                                    <dd>华为 EMUI 8.0</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>主芯片</h3>
                                <dl>
                                    <dt>CPU品牌</dt>
                                    <dd>海思（Hisilicon）</dd>
                                    <dt>CPU频率</dt>
                                    <dd>4*Cortex A73 2.36GHz + 4*Cortex A53 1.8GHz</dd>
                                    <dt>CPU核数</dt>
                                    <dd>八核</dd>
                                    <dt>CPU型号</dt>
                                    <dd>麒麟970</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>网络支持</h3>
                                <dl>
                                    <dt>双卡机类型</dt>
                                    <dd>双卡双待单通</dd>
                                    <dt>最大支持SIM卡数量</dt>
                                    <dd>2个</dd>
                                    <dt>SIM卡类型</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>Nano SIM</dd>
                                    <dt>4G网络</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）</dd>
                                    <dt>3G/2G网络</dt>
                                    <dd>3G：移动（TD-LTE）；4G：联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+ 电信（CDMA）</dd>
                                    <dt>副SIM卡类型</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>副SIM卡与存储卡二选一</dd>
                                    <dt>副SIM卡4G网络</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）</dd>
                                    <dt>副SIM卡3G/2G网络</dt>
                                    <dd>不支持主副卡同时使用电信卡；3G联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+电信（CDMA）</dd>
                                    <dt>网络频率（2G/3G）</dt>
                                    <dd>2G：GSM 850/900/1800/1900；2G：CDMA 800；3G：TD-SCDMA 1900/2000；3G：WCDMA
                                        850/900/1900/2100；3G
                                    </dd>
                                    <dd>CDMA2000；3G：CDMA 800MHz 1X&EVDO ；3G：WCDMA：850/900/1700/1900/2100MHz</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>存储</h3>
                                <dl>
                                    <dt>ROM</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>128GB</dd>
                                    <dt>RAM</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>6GB</dd>
                                    <dt>存储卡</dt>
                                    <dd>支持MicroSD（TF）</dd>
                                    <dt>最大存储扩展容量</dt>
                                    <dd>256GB</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>屏幕</h3>
                                <dl>
                                    <dt>主屏幕尺寸（英寸）</dt>
                                    <dd>5.9英寸</dd>
                                    <dt>分辨率</dt>
                                    <dd>2560X1400（Quad HD/2k）</dd>
                                    <dt>屏幕材质类型</dt>
                                    <dd>TFT</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>前置摄像头</h3>
                                <dl>
                                    <dt>前置摄像头</dt>
                                    <dd>800万像素</dd>
                                    <dt>前摄光圈大小</dt>
                                    <dd>f/2.0</dd>
                                    <dt>美颜技术</dt>
                                    <dd>支持</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>后置摄像头</h3>
                                <dl>
                                    <dt>摄像头数量</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>2个</dd>
                                    <dt>后置摄像头</dt>
                                    <dd>1200万像素；2000万像素</dd>
                                    <dt>摄像头光圈大小</dt>
                                    <dd>其他</dd>
                                    <dt>闪光灯</dt>
                                    <dd>双色温双LED闪光灯</dd>
                                    <dt>美颜技术</dt>
                                    <dd>支持</dd>
                                    <dt>副摄像头光圈大小</dt>
                                    <dd>其他</dd>
                                    <dt>照片最大分辨率</dt>
                                    <dd>5120X3840</dd>
                                    <dt>拍照特点</dt>
                                    <dd>数码变焦；自动对焦；防抖；美颜；连拍；微距；全景；滤镜；场景模式；HDR；PDAF；夜间拍摄；微信小视频；有声照片；</dd>
                                    <dd>水印；美肤录像；全像素双核激光对焦拍摄</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>电池信息</h3>
                                <dl>
                                    <dt>电池容量（mAh）</dt>
                                    <dd>4000（典型值）</dd>
                                    <dt>电池类型</dt>
                                    <dd>锂聚合物电池</dd>
                                    <dt>电池是否可拆卸</dt>
                                    <dd class="Ptable-tips">
                                        <a href="#"><i>？</i></a>
                                    </dd>
                                    <dd>否</dd>
                                    <dt>充电器</dt>
                                    <dd>5V/4.5A</dd>
                                    <dt>快速充电</dt>
                                    <dd>华为超级快充</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>娱乐功能</h3>
                                <dl>
                                    <dt>mic数量</dt>
                                    <dd>3个</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>数据接口</h3>
                                <dl>
                                    <dt>数据传输接口</dt>
                                    <dd>红外；WIFI；NFC；蓝牙；WiFi热点</dd>
                                    <dt>NFC/NFC模式</dt>
                                    <dd>支持（点对点模式）；支持（读卡器模式）；支持卡模拟</dd>
                                    <dt>耳机接口类型</dt>
                                    <dd>3.5mm</dd>
                                    <dt>充电接口类型</dt>
                                    <dd>Type-C</dd>
                                    <dt>数据线</dt>
                                    <dd>其他</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>手机特性</h3>
                                <dl>
                                    <dt>指纹识别</dt>
                                    <dd>支持</dd>
                                    <dt>语音识别</dt>
                                    <dd>支持</dd>
                                    <dt>GPS</dt>
                                    <dd>支持</dd>
                                    <dt>电子罗盘</dt>
                                    <dd>支持</dd>
                                    <dt>霍尔感应器</dt>
                                    <dd>支持</dd>
                                    <dt>陀螺仪</dt>
                                    <dd>支持</dd>
                                    <dt>红外遥控</dt>
                                    <dd>支持</dd>
                                    <dt>适配VR</dt>
                                    <dd>支持</dd>
                                    <dt>其他</dt>
                                    <dd>呼气灯；多麦降噪技术；光线感应</dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>辅助功能</h3>
                                <dl>
                                    <dt>常用功能</dt>
                                    <dd>录音；手势识别；便签；超大字体；SOS功能；重礼感应</dd>
                                    <dt>其他1</dt>
                                    <dd>智能识屏</dd>
                                    <dt>其他特性</dt>
                                    <dd>手套模式</dd>
                                    <dt>其他2</dt>
                                    <dd>单手操作</dd>
                                </dl>
                            </div>
                            <div class="package-list">
                                <h3>包装清单</h3>
                                <p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X
                                    1、取卡针 X 1、保护壳 X 1</p>
                            </div>
                        </div>
                    </li>
                    <!--包装-->
                    <li class="baozhang actives" id="li3">
                        <div class="oBox">
                            <div class="shuoHou">
                                <div class="baoZhang">
                                    <h2>售后保障</h2>
                                </div>
                            </div>
                            <!--厂家服务-->

                            <div class="lianBao">

                            </div>

                        </div>


                    </li>
                    <!--评价-->
                    <li class="PINgjia actives" id="li4">

                </ul>
            </div>
        </div>
    </div>
</div>


<input id="skuId" type="text" th:value=" ${skuInfo?.id}"/>

<div class="Fixedbian">
    <ul>
        <li class="li1"><a class="aaa" href="##">顶部</a></li>
    </ul>
</div>
<div class="gouwuchexiaguo">
    <img src="/static/item/img/44.png"/>
    <span>购物车还没有商品，赶紧选购吧！</span>
</div>
</body>

<script src="/static/item./js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/item./js/js.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    function addToCart(obj) {
        var canClick = $(obj).attr("canClick");
        if (canClick == '0') {
            return;
        }
        $("#itemForm").submit();
    }

    function switchSkuId() {
        // 被选中属性
        var checkDivs = $(".redborder div");
        var valueIds = "";
        // 拼接成属性值串
        for (var i = 0; i < checkDivs.length; i++) {
            var saleAttrValueDiv = checkDivs.eq(i);
            if (i > 0) {
                valueIds = valueIds + "|";
            }
            valueIds = valueIds + saleAttrValueDiv.attr("value");
        }
        //页面上的hashjson
        var valuesSku = $("#valuesSku").attr("value");
        var valuesSkuJson = JSON.parse(valuesSku);

        // 看看hash有没有
        var skuId = valuesSkuJson[valueIds];
        // 当前sku
        var skuIdSelf = $("#skuId").val();

        // 判断是否跳转
        if (skuId) {
            if (skuId == skuIdSelf) {
                $("#cartBtn").attr("class", "box-btns-two");
            } else {
                window.location.href = "/" + skuId + ".html";
            }
        } else {
            $("#cartBtn").attr("class", "box-btns-two-off");
        }
    }
</script>

</html>
